<template>
  <div class="show-card-router">
    <router-link :to="link">
      <div class="card">
        <h2>{{showTitle}}</h2>
      </div>
    </router-link>
  </div>
</template>

<script>
export default {
  props: {
    showTitle: String,
    link: String
  }
}
</script>

<style lang="scss">
  .show-card-router{
    border: 1px solid cornflowerblue;
    margin-top: 10px;
    &:hover{
      border: 1px solid cornflowerblue;
      background: cornflowerblue;
    }
  }
</style>